<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>1.转岗之路 | 被删的前端游乐场</title>
    <meta name="generator" content="VuePress 1.8.2">
    
    <meta name="description" content="Just playing around">
    
    <link rel="preload" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css" as="style"><link rel="preload" href="/front-end-playground/assets/js/app.1e2670bf.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/2.38d016d1.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/3.e3f029cb.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/121.f81eb2f7.js" as="script">
    <link rel="stylesheet" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-end-playground/" class="home-link router-link-active"><!----> <span class="site-name">被删的前端游乐场</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0" style="padding-top:10px;"><div class="kitty-main" data-v-2b653b36><span class="stand" data-v-2b653b36></span> <div class="cat" data-v-2b653b36><div class="body" data-v-2b653b36></div> <div class="head" data-v-2b653b36><div class="ear" data-v-2b653b36></div> <div class="ear" data-v-2b653b36></div></div> <div class="face" data-v-2b653b36><div class="nose" data-v-2b653b36></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div></div> <div class="tail-container" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36></div></div></div></div></div></div></div></div></div></div> <p class="sidebar-heading open"><span>前端这几年</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html" aria-current="page" class="active sidebar-link">1.转岗之路</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html#我的名字被删" class="sidebar-link">我的名字被删</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html#非科班出身" class="sidebar-link">非科班出身</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html#外包又怎样" class="sidebar-link">外包又怎样</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html#小公司也可以很棒" class="sidebar-link">小公司也可以很棒</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html#大公司也是人的合集" class="sidebar-link">大公司也是人的合集</a></li></ul></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-2-principle.html" class="sidebar-link">2.工作原则和选择</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-3-growth.html" class="sidebar-link">3.关于成长和焦虑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-4-health.html" class="sidebar-link">4.生命与健康</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html" class="sidebar-link">5.沉淀习惯养成</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-6.html" class="sidebar-link">6.工作选择的困惑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-7.html" class="sidebar-link">7.情绪与保持清醒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html" class="sidebar-link">8.工作中的矛盾</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html" class="sidebar-link">9.提升工作效率</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-10.html" class="sidebar-link">10.我的工作历险记</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-11.html" class="sidebar-link">11.关于一年一换的魔咒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-writing.html" class="sidebar-link">写文章这件事</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/a-book-with-one-story.html" class="sidebar-link">一本书和一个故事</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0" style="padding-top:;"><!----> <p class="sidebar-heading"><span>面试这件事</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>常常在想，成为前端也有好几年了，新知识新技术层出不穷，那这些年来到底积累了什么呢。如果说有什么可以给到你们，除去前端技术相关，大概也只剩下这一路上的历程和思考，以及一些方式和方法了。
</p> <h1 id="从哪里来"><a href="#从哪里来" class="header-anchor">#</a> 从哪里来</h1> <p>无名小辈的自传，总是不值得关注的。不过我自己的这一生，如果写成一本书或是拍成电视剧的话，毫无疑问我也能成为个主角。</p> <h2 id="我的名字被删"><a href="#我的名字被删" class="header-anchor">#</a> 我的名字被删</h2> <p>所以首先要自我介绍一下，我叫被删。为什么要叫被删，因为这是我名字的谐音。我爱用谐音，这不为什么我起的英文名叫 basin，出国旅游的时候才知道自己有多蠢，现在倒是挺喜欢用 deleted，不过都没啥影响，你们只需要记得被删就好了，很好记。</p> <h2 id="非科班出身"><a href="#非科班出身" class="header-anchor">#</a> 非科班出身</h2> <p>如果真的写自传，可能我得从幼儿园记事开始写起了。虽然我的成长过程，回想起来也色彩缤纷，也很丰富精彩，不过那些都和如今要跟你们讲的没有多大关系。所以，我们从大学毕业开始吧。</p> <p>很遗憾，我大学学的光信息，每天都在各种计算推导，稍微好玩些的也就是全息相关的实验。说来怎么会和写代码扯上关系的呢？大学里我闲得无聊，刚好有个朋友在跟着教授写项目，刚好去参观了下。教授搞的 web 物理引擎，以及游戏设计，他给我演示了在做的一个汽车透视结构图，好像好厉害的样子。</p> <p>&quot;好像好厉害&quot;这几个字大概是人生中各种入坑的原因。就跟当初报这个光信息的专业，也是觉得好像很高大上。</p> <p>毕业的时候，其实三方签的去华为，做的数通，简单来说包括路由器交换机防火墙这块。培训两个月，然后大家都发配到世界各地去支持了。每天住在酒店里，基本上除了机房、酒店，没有其他地方去，也没有什么人可以交流。做了半年，实在耐不住寂寞，辞职了。离职前刚评了绩效，拿了A跑了，被主管批了一顿。</p> <h2 id="外包又怎样"><a href="#外包又怎样" class="header-anchor">#</a> 外包又怎样</h2> <p>很显然，非科班出身的我，又没有类似的开发经验，自学了一周多就疯狂投简历。找工作很头疼，裸辞的一番热血，再热烈也很容易被浇灭。</p> <p>我还记得找的第一份工作，老板看我学历还行、长得也还可以，让我当秘书。他开了两份offer，秘书的待遇比前端的好一倍不止。那一天真的很苦恼，最后是几位写后台的大哥鼓励下，才下定决心开始学代码。</p> <p>那会从华为出来，待遇的落差总会不断地提醒我，到底是为了什么呢？但满怀的热情使得我每天上班充满干劲，下班后也继续在床上打着灯看书和写demo学习。那是jQuery横行的年代，似乎只需要掌握了它，你就能所向披靡。噢当然还有CSS，CSS的调试也是10%的理解+90%的日积月累不断沉淀的。</p> <p>那段时间能感觉到，成长很快，几位后台开发小哥哥带着我入门，然后就停不下来了。我曾经在面试的时候说过我学习能力很强，但是通常别人会问，你怎么证明呢？（语塞）</p> <p>不知道为什么，现在似乎大家多多少少都会不正视外包，“要不是能力不够也不会当外包”、“不能指望他们能学会什么”这样的话也经常会听到。可能是因为很多人的经历和体验里，都是比较顺畅阻力较少。而我也很荣幸曾经置于职业的低谷，使得很多时候能看到更多的可能性。</p> <h2 id="小公司也可以很棒"><a href="#小公司也可以很棒" class="header-anchor">#</a> 小公司也可以很棒</h2> <p>成为前端以来，成长最快、回忆最满的一段工作经验，是在商汤度过的。当然，那时候深圳分部还只有几十个人，还只是个小公司。</p> <p>接触 angularJS、react.js、vue.js 这些框架，都是在这里完成的。当然最初选型的时候，那会大热的是 angularJS，react 刚刚起步。在其中一个小伙伴还在犹豫用哪个的时候，我就吭哧吭哧地用 angularJS 来重构了。</p> <p>后面项目越来越大，来了两个实习生跟着一块干。两个小伙都很棒，当然人多之后，项目管理就会出现问题了。代码规范、接口规范这些都慢慢地一边磨合一边调整，其中一个小弟带着我们一块用上了 Typescript，另外一个则发起组件封装、抽象方式的探讨。</p> <p>在这里，深刻领悟到的是，争吵和摩擦其实可以带来很好的正反馈。因为每个人都拥有不一样的想法和角度，在相互碰撞和磨合之后，所谓的集众人之智慧，时可以做出非常棒的事情来。技术博客的念头，也是几位实习生的起哄下开始持续写的。</p> <p>新人的优势在于敢想敢做，而老人家的长处在于帮着收拾残局。好几次要发布了，合版本出现很多问题，熬不住的便让他们先走，于是除了在华为之外，熬夜通宵发版的经历，也都是在这里度过的。即使这样，很多新的尝试也让我们快速地成长，收获更多。</p> <p>那时候的小团队，大概是目前为止遇到过最优秀的团队了。从前端、后台、平台层、算法层，那段通宵赶版本、去现场跟上线的日子，也打破了对加班的一些偏见。和优秀的人一起，有相同的目标、冲着一样的目的地，努力和坚持便成了回忆里锦上添花的一部分。</p> <h2 id="大公司也是人的合集"><a href="#大公司也是人的合集" class="header-anchor">#</a> 大公司也是人的合集</h2> <p>曾经，BAT 是所有像我这种从底层爬起的开发者的梦想。当时离开，总监也问我，为什么想走，他从那里面来，也不过如此，这里有更多的机会。我看着他说，体验过的人才有资格说不，我没去过，所以我要去。</p> <p>然后我来腾讯了。</p> <p>和每次换工作的过程都一样，干脆利落，还没开始准备就开始扔简历了。所以前面几次电面都没过，直到有一个面试官问我，“我看你前面都面了一两次了，你不知道来腾讯这些是必备知识吗？”。我跟他讲，“我知道，我只是还没准备，要是准备了肯定能过。”他给了我一周的时间。</p> <p>一周后，电话如约打来，当然我也对答如流，直接约了第二天现场面试，后续当然就是入职啦。在腾讯差不多两年了，也换了一次部门，整体来说，这边的技术能力和氛围，会有些不如预期吧。</p> <p>其实早该想明白的，大公司制度再完善，规范再严格。组成公司的，其实也都是一个个有血有肉的人，有人在的地方，都会有躲不掉的一些事情。不过越是困难，原则和坚持才会愈加显得有意义。</p> <p>总而言之，时间流逝严重，一眨眼毕业快五年了，而我如今也走到了这里。这里面我遇到了很多的人，也有很多的故事。好的、坏的，一言难尽，等哪天我有心情写故事的时候，再看看要不要写吧~</p> <h1 id="结束语"><a href="#结束语" class="header-anchor">#</a> 结束语</h1> <p>为什么要在博客写这种东西呢？对这个世界来说，成功的人的经历才值得借鉴，他们说的话才有参考价值。</p> <p>我还未成功，但是成功的定义在每个人眼里都不一样吧。对我来说，有些事情坚持下来了，几年，十几年，几十年，坚持到一辈子，大概就是属于我的成功了。目前来说，几年下来，也算是达成阶段性的成就了。</p> <p>嗯，说不定什么时候，我也只剩下讲故事这项技能了。趁着还爱着敲键盘的时候，代码也好，文字也好，此时此刻，我在做着喜欢的事情，也够了。</p> <p>活了这么多年，我也终于发现了自己最擅长的事情，大概是自己搭建舞台，自己表演，然后自己给自己鼓掌。</p> <p>“啪，啪，啪”。</p></div> <!----> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/godbasin/front-end-playground/edit/sourcecode/docs/front-end-work/front-end-days/about-front-end-1-begin-in.md" target="_blank" rel="noopener noreferrer">帮阿猪改善此页面！</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <!----> <blockquote>部分文章中使用了一些网站的截图，如果涉及侵权，请告诉我删一下谢谢~</blockquote> <div style="margin-top:30px;"><div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-sm-0 el-col-md-2 el-col-lg-4" style="padding-left:10px;padding-right:10px;display:block;"><div style="width:1px;height:1px;"></div></div> <div class="el-col el-col-24 el-col-sm-24 el-col-md-18 el-col-lg-16" style="padding-left:10px;padding-right:10px;"><div class="el-card box-card is-always-shadow"><div class="el-card__header"><div class="clearfix"><span>温馨提示喵</span></div></div><div class="el-card__body"> <div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="el-image"><div class="image-slot"><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/loading.gif" style="width:100%;"></div><!----></div></div> <div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="copyright-text"><div>本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。</div> <div>出处：被删的前端游乐场</div> <div>作者：<a href="https://github.com/godbasin" target="_blank">被删</a></div></div></div></div></div></div></div></div></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-2-principle.html">
          2.工作原则和选择
        </a>
        →
      </span></p></div>  <div class="gitalk-container theme-default-content"><div id="gitalk-container" class="content"></div></div></main> <div id="kitty-container"><span><div role="tooltip" id="el-popover-8779" aria-hidden="true" class="el-popover el-popper" style="width:undefinedpx;display:none;"><!----><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/2code2.jpg" class="image"> <div class="text">牡羊猪的猫粮罐</div> </div><span class="el-popover__reference-wrapper"><div id="kitty" style="background:url(https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/kitty1.svg);"></div></span></span> <div class="el-dialog__wrapper" style="display:none;"><div role="dialog" aria-modal="true" aria-label="牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）" class="el-dialog" style="margin-top:15vh;"><div class="el-dialog__header"><span class="el-dialog__title">牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><!----></div></div></div></div><div class="global-ui"></div></div>
    <script src="/front-end-playground/assets/js/app.1e2670bf.js" defer></script><script src="/front-end-playground/assets/js/2.38d016d1.js" defer></script><script src="/front-end-playground/assets/js/3.e3f029cb.js" defer></script><script src="/front-end-playground/assets/js/121.f81eb2f7.js" defer></script>
  </body>
</html>
